@import "less.less";
body,html{
    .padding-top(70);
}
.header{
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    display:flex;
    justify-content: space-around;
    background:#fff;
    align-items:center;
    color:#959595;
    border-bottom:1px solid #ccc;
    .left{
        .margin-top(20);
        .margin-bottom(20);
        width: 80%;
        .height(60);
        background:#f8f8f8;
        border-radius: 40px;
        text-indent: 1em;
        display:flex;
        align-items: center;
        .font-size(22);
        img{
            .width(50);
            .padding-left(20);
        }
    }
    .right{
        .width(50);
    }
}
.main{
    width: 100%;
    display: flex;
    justify-content:space-around;
    flex-wrap:wrap;
    h5{
        width: 100%;
        .padding-top(36);
        .padding-bottom(36);
    background:#FFF;
        span{
            .font-size(28);
            .padding-left(45);
        }
    }
    >dl{
        width: 33%;
        text-align:center;
        .padding-top(30);
        .padding-bottom(30);
    background:#FFF;
        dt{
            img{
                .width(115);
            }
        }
        dd:nth-child(2){
            .padding-top(20);
            .font-size(28);
        }
        dd:nth-child(3){
            .padding-top(20);
            .font-size(22);
            color:#858585;
        }
    }
    .main_list{
        width: 100%;
        display:flex;
        justify-content:space-around;
        .margin-top(20);
        .margin-bottom(20);
        .padding-top(20);
        .padding-bottom(20);
        background:#fff;
        dl{
            text-align:center;
            .font-size(28);
            img{
                .width(115);
            }
        }
    }
    .main_like{
        width: 100%;
        background:#FFF;
        display: flex;
        justify-content:space-around;
        flex-wrap:wrap;
        .margin-bottom(115);
        h5{
            width: 95%;
        }
        .dll{
            width: 95%;
            display: flex;
            justify-content:space-around;
            flex-wrap:wrap;
            dl{
                width: 47%;
                .font-size(26);
                .padding-top(15);
                img{
                    width: 100%;
                }
                dd {
                    display: flex;
                    justify-content:space-between;
                    .padding-top(15);
                    .line-height(35);
                    span{
                        .font-size(24);
                        color:#f9043e;
                    }
                    i{
                        .font-size(20);
                    }
                }
            }
        }
    }
}